今天要在昨天寫好的標題欄上新增按鈕，要讓按鈕出現在標題欄裡，所以要將按鈕的div寫在column的div裡

    <div class="column">
        <div class="but1">按鈕一</div>
    </div>

我們也給按鈕的div一個明顯的顏色方便我們觀察，並且設定高度與標題欄相同，寬度可以依照需求調整

    <style>
        .but1{
            height: 50px;
            width:100px;
            background-color: rgb(128, 209, 182);
        }
    </style>

這時網頁上的效果會如下圖

我們再用前面學過的方法將字體美化一下

            color:white;
            font-size: 20px;
            font-weight: 600;

接下來將line-height設為與div相同的50px來達到垂直置中
line-height可以想成是文字的行距，如果打出一篇文章的話每行文字的高度都會是50px，藉此來調整每行文字間的距離，同時也常用來讓文字垂直置中

最後將text-align設為center，就可以達到水平置中

如此一來我們就得到一個文字置中的漂亮按鈕了